<template>
    <div :style="{'width':width,'height':height}">
        <img :src="url" alt="" >
    </div>
  </template>
   
  <script lang="ts" setup>
    import { ref } from 'vue';
    const props = defineProps({
        url:{type:String,default:''},
        width:{type:String,default:'60px'},
        height:{type:String,default:'60px'},
    })
  
  </script>

  <style lang="scss" scoped>
    img{
        border: 2px #000 solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }
  </style>